<template>
  <div>
    <mt-swipe :auto="4000" style="height:14.2vh">
      <mt-swipe-item><img src="https://fuss10.elemecdn.com/7/05/bb01f6e34c18a0e12d39b7c98e6f6jpeg.jpeg?imageMogr/thumbnail/568x/" alt=""></mt-swipe-item>
      <mt-swipe-item><img src="https://fuss10.elemecdn.com/0/ff/edc9f276114b06237b7b50c21e505jpeg.jpeg?imageMogr/thumbnail/568x/" alt=""></mt-swipe-item>
      <mt-swipe-item><img src="https://fuss10.elemecdn.com/5/e6/955bdd098effd615d144441084118jpeg.jpeg?imageMogr/thumbnail/568x/" alt=""></mt-swipe-item>
    </mt-swipe>
    <div class="tjian">--- 推荐商家 ---</div>
    <div class="home-last">
        <a href="">综合排序</a>
        <a href="">距离最近</a>
        <a href="">品质联盟</a>
        <a href="">筛选</a>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
 img {
     height: 100%;
 }
 .tjian{
     font-size: 12px;
     text-align: center;
     height: 40px;
     line-height: 40px;
 }
 .home-last{
     height: 10.4vw;
     line-height: 10.4vw;
     width: 100%;
 }
 .home-last a{
    text-decoration: none;
    display: inline-block;
    color: #666;
    text-align: center;
    width: 24%;
     
 }
</style>

